<template>
<div>
    <div class="bott">
        <div>
            <h3 style="color:#25396f; font-size: 18px;" >实施挂号</h3>
            <table border="1" width="1000px" height="100px" class="table">
                <tr>
                    <td style="color:#25396f">头像</td>
                    <td style="color:#25396f">患者姓名</td>
                    <td style="color:#25396f">手机号码</td>
                    <td style="color:#25396f">挂号科室</td>
                    <td style="color:#25396f">挂号费</td>
                    <td style="color:#25396f">挂号时间</td>
                </tr>
                <tr v-for="(item) in arr " :key="item.id" class="tr1">
                    <td><img src="./imgs/log11.webp" alt=""></td>
                    <td style="color: #97a4c4;">{{item.name}}</td>
                    <td style="color: #97a4c4;">{{item.phone}}</td>
                    <td style="color: #97a4c4;">{{typeObj[item.type]}}</td>
                    <td style="color: #97a4c4;">{{item.cost}}</td>
                    <td style="color: #97a4c4;">{{item.time2}}</td>
                    
                </tr>
                <tr>
                    
                </tr>
            </table>
        </div>

    </div>
</div>
  
</template>

<script>
import { zhurui } from '../../../api/interface'

export default {
    data(){
        return{
            arr:[],
            typeObj: {
                0: '肛肠科',
                1: '儿科',
                2: '妇产科',
                3: '耳鼻喉科',
                4: '眼科'

            },
            
            
        }
    },
    mounted() {
         this.xuanran111()
    },
    methods: {

        xuanran111(){
             zhurui({keyword:"", page:1, pageSize:5}).then(res => {
                console.log(res);
                if (res.code == 200) {
                    this.arr = res.data
                    this.total = res.total
                    console.log(res.data);
                }
                // console.log(this.keyword,this.page,this.pageSize);
                // console.log(this.total);
                

            })
        }
    },


}
</script>

<style lang="less" scoped>
.bott{
    width: 1059px;
    height: 350px;
    // background: #fff;
    margin-left: 20px;
}
.table{
margin-top: 20px;
text-align: center;
}

img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 40px;
    margin-top: 20px ;
    
    
}
.tr1{
    line-height: 40px;
}
.tr1:hover{
    background: #f2f7ff;
}
</style>